module.exports = {
  publicPath: '/',
  outputDir: 'dist',
  assetsDir: './src/assets', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
  lintOnSave: true, // eslint-loader 是否在保存的时候检查
  indexPath: 'index.html', // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。
  productionSourceMap: process.env.NODE_ENV !== 'production',
  filenameHashing: true, // 生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存
  devServer: {
    // 开发调试服务器配置项
    open: true, // npm run serve后自动打开页面
    // host: '127.0.0.1',
    host: 'localhost',
    port: 8697, // 开发服务器运行端口号
    compress: process.env.NODE_ENV === 'production', // 启用静态资源压缩算法
    proxy:
      process.env.VUE_APP_CONF_STATUS === 'LOCAL_SERVER'
        ? process.env.VUE_APP_CONF_PROXY
        : process.env.VUE_APP_CONF_STATUS === 'REMOTE_SERVER'
        ? JSON.parse(process.env.VUE_APP_CONF_PROXY)
        : ''
  },

  // vscode调试设置
  configureWebpack: {
    devtool: 'source-map',

    externals: {
      // vue: 'Vue'
      // 'vue-router': 'VueRouter'
      // axios: 'axios',
      // qs: 'Qs',
      // 'view-design': 'iview',
      // 'xe-utils': 'XEUtils',
      // 'vxe-table': 'VXETable'
    }
  },
  css: {
    loaderOptions: {
      // 向 CSS 相关的 loader 传递选项
      less: {
        javascriptEnabled: true
      },
      scss: {
        prependData: `@import "~@/assets/css/variables.scss";`
      }
    }
  }
};
